function showmsg(msg, color, callback){
	if(!document.getElementById("pop_info")){
		let str = '<div style="display: table; width: 300px; height: 150px; border: 2px solid #dddddd; background-color: #FFFFFF; position: fixed; left: 50%; margin-left: -150px; top: 50%; margin-top: -75px; z-index: 99999; border-radius: 4px; box-shadow: 0px 0px 10px red; padding: 10px " id="pop_info">';
		str += '<p style="display: table-cell; vertical-align: middle; line-height: 30px; text-align: center; font-size: 18px;" id="pop_content"></p></div>';
		$(document.body).append($(str));
	}
	let url = "info.png";
	if(color == "red"){
		url = "error.png";
	}else if(color == "green") {
		url = "success.png";
	} else if(color == "yellow") {
		color = "orange";
		url = "warning.png";
	}
	
	$("#pop_content").text(msg).prepend($('<span id="pop_icon" style="display: inline-block; vertical-align: middle; width: 40px; height: 30px; line-height: 30px; background: url(images/info.png) no-repeat center center; background-size: 28px 28px"></span>')).css("color", color);
	$("#pop_info").css({"border-color": color, "box-shadow": "0px 0px 10px" + color});
	$("#pop_icon").css("background-image", "url(images/" + url +")");
	$("#pop_info").fadeIn('fast', function(){
		setTimeout(function(){
			$("#pop_info").fadeOut('fast', callback);
		}, 2000);
	})
}